<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:of="http://omnifaces.org/functions"
	template="/WEB-INF/templates/template.xhtml">

	<ui:define name="headIncludes">
		<f:event listener="#{fornecedorBean.initializeForm(param.fornecedorId)}" type="preRenderView"/>
		
		<style>
				
				.panel150{
					width:150px;
				}
				
				.panel350 {
					width:350px;
				}
			
				.panel80 {
					width:80px;
				}
				
				.panel200 {
					width:200px;
				}
				
				.panel20 {
					width:20px;
				}
				
				.panel100 {
					width:100px;
				}
				
				.panel120 {
					width:120px;
				}
				
				.panel360 {
					width: 360px;
				}
				
				.panel160 {
					width: 160px;
				}
				
				.panel484 {
					width: 484px;
				}
				
				.panel380 {
					width: 380px;
				}
				
				.classBold {
					font-weight: bold;
				}
		</style>
	</ui:define>

	<ui:define name="pageName">Detalhe de Fornecedor</ui:define>
	
	<ui:define name="buttons">
		<p:commandButton value="Editar" style="height:28px;" action="#{fornecedorBean.changeToEdit}" icon="ui-icon-pencil"/>
		<p:commandButton value="Excluir" style="height:28px;" onclick="popupConfirmDeleteDetail.show()" icon="ui-icon-trash"/>
		<p:commandButton value="Voltar" style="height:28px;" action="#{fornecedorBean.changeToList}" process="@this" icon="ui-icon-arrowreturnthick-1-w"/>
	</ui:define>

	<ui:define name="content">
		<p:panel>
			<p:messages id="messageFormFornecedor" autoUpdate="true" closable="true"/>
			<div>
				<h:panelGrid columns="1" style="padding:5px;">
					<h:outputText styleClass="classBold" value="Tipo Pessoa: #{fornecedorBean.currentFornecedor.tipoPessoa}"/>
				</h:panelGrid>
				
				<p:outputPanel id="renderForm">
					<h:panelGrid columns="3" style="padding:5px;" rendered="#{fornecedorBean.currentFornecedor.tipoPessoa == 'JURIDICA'}" columnClasses="panel100, panel350">
						<h:outputText styleClass="classBold" value="Código" />
						<h:outputText styleClass="classBold" value="Razão social" />
						<h:outputText styleClass="classBold" value="Nome fantasia" />
	
						<h:outputText value="#{fornecedorBean.currentFornecedor.id}"/>
						<h:outputText value="#{of:abbreviate(fornecedorBean.currentFornecedor.razaoSocial, 60)}"/>
						<h:outputText value="#{of:abbreviate(fornecedorBean.currentFornecedor.nome, 60)}"/>
					</h:panelGrid>
					
					<h:panelGrid columns="3" style="padding:5px;" rendered="#{fornecedorBean.currentFornecedor.tipoPessoa == 'FISICA'}" columnClasses="panel100, panel484">
						<h:outputText styleClass="classBold" value="Código" />
						<h:outputText styleClass="classBold" value="Nome completo" />
						<h:outputText styleClass="classBold" value="Apelido" />
	
						<h:outputText value="#{fornecedorBean.currentFornecedor.id}"/>
						<h:outputText value="#{of:abbreviate(fornecedorBean.currentFornecedor.nome, 63)}"/>
						<h:outputText value="#{fornecedorBean.currentFornecedor.apelido}"/>
					</h:panelGrid>
					
					<h:panelGrid columns="4" style="padding:5px;" columnClasses="panel350, panel80, panel150">
						<h:outputText styleClass="classBold" value="Logradouro" />
						<h:outputText styleClass="classBold" value="Número" />
						<h:outputText styleClass="classBold" value="Complemento" />
						<h:outputText styleClass="classBold" value="Bairro" />
	
						<h:outputText value="#{fornecedorBean.currentFornecedor.logradouro}"/>
						<h:outputText value="#{fornecedorBean.currentFornecedor.numero}"/>
						<h:outputText value="#{fornecedorBean.currentFornecedor.complemento}"/>
						<h:outputText value="#{fornecedorBean.currentFornecedor.bairro}"/>
					</h:panelGrid>
					
					<h:panelGrid columns="4" style="padding:5px;" columnClasses="panel150, panel200, panel200">
						<h:outputText styleClass="classBold" value="CEP" />
						<h:outputText styleClass="classBold" value="Cidade" />
						<h:outputText styleClass="classBold" value="Estado" />
						<h:outputText styleClass="classBold" value="País" />
	
						<h:outputText value="#{fornecedorBean.currentFornecedor.cep}"/>
						<h:outputText value="#{fornecedorBean.currentFornecedor.cidade.cidade}"/>
						<h:outputText value="#{fornecedorBean.currentFornecedor.cidade.estado.estado}"/>
						<h:outputText value="#{fornecedorBean.currentFornecedor.cidade.estado.pais.pais}"/>
					</h:panelGrid>
					
					<h:panelGrid columns="5" style="padding:5px;" columnClasses="panel20, panel100, panel20, panel100">
						<h:outputText styleClass="classBold" value="Telefone" />
						<h:outputText value="" />
						<h:outputText styleClass="classBold" value="Fax" />
						<h:outputText value="" />
						<h:outputText styleClass="classBold" value="Site" />
	
						<h:outputText value="#{fornecedorBean.currentFornecedor.cidade.ddd}"/>
						<h:outputText value="#{fornecedorBean.currentFornecedor.telefone}"/>
						<h:outputText value="#{fornecedorBean.currentFornecedor.cidade.ddd}"/> 
						<h:outputText value="#{fornecedorBean.currentFornecedor.fax}"/>
						<h:outputText value="#{fornecedorBean.currentFornecedor.site}"/>
					</h:panelGrid>
					
					<h:panelGrid columns="4" style="padding:5px;" columnClasses="panel360, panel380, panel20">
						<h:outputText styleClass="classBold" value="E-mail" />
						<h:outputText styleClass="classBold" value="Pessoa para contato" />
						<h:outputText styleClass="classBold" value="Telefone" />
						<h:outputText value="" />
	
						<h:outputText value="#{fornecedorBean.currentFornecedor.emailContato}"/>
						<h:outputText value="#{fornecedorBean.currentFornecedor.nomeContato}"/>
						<h:outputText value="#{fornecedorBean.currentFornecedor.dddContato}"/>
						<h:outputText value="#{fornecedorBean.currentFornecedor.telContato}"/>
					</h:panelGrid>
					
					<h:panelGrid columns="3" style="padding:5px;" rendered="#{fornecedorBean.currentFornecedor.tipoPessoa == 'JURIDICA'}" columnClasses="panel160, panel160">
						<h:outputText styleClass="classBold" value="Inscrição estadual" />
						<h:outputText styleClass="classBold" value="CNPJ" />
						<h:outputText styleClass="classBold" value="Condição de pagamento" />
	
						<h:outputText value="#{fornecedorBean.currentFornecedor.inscricaoEstadual}"/>
						<h:outputText value="#{fornecedorBean.currentFornecedor.cnpj}">
							<f:converter converterId="cnpjConverter" /> 
						</h:outputText>
						<h:outputText value="#{fornecedorBean.currentFornecedor.condicaoPagamento.condicaoPagamento}"/>
					</h:panelGrid>			
					
					<h:panelGrid columns="3" style="padding:5px;" rendered="#{fornecedorBean.currentFornecedor.tipoPessoa == 'FISICA'}" columnClasses="panel150, panel120">
						<h:outputText styleClass="classBold" value="RG" />
						<h:outputText styleClass="classBold" value="CPF" />
						<h:outputText styleClass="classBold" value="Condição de pagamento" />
	
						<h:outputText value="#{fornecedorBean.currentFornecedor.rg}"/>
						<h:outputText value="#{fornecedorBean.currentFornecedor.cpf}">
							<f:converter converterId="cpfConverter" /> 
						</h:outputText>
						<h:outputText value="#{fornecedorBean.currentFornecedor.condicaoPagamento.condicaoPagamento}"/>						
					</h:panelGrid>
					
					<div style="padding-top:10px;">
						<p:dataTable var="produto" rendered="#{fornecedorBean.currentFornecedor.produtos.size() > 0}"
							value="#{fornecedorBean.currentProdutos}"
							paginator="true" rows="10" paginatorPosition="bottom"
							emptyMessage="Não há registros" id="tableProdutos">  
							
							<p:column headerText="Código" style="width:150px;">  
						    	<h:outputText value="#{produto.id}" />  
							</p:column>  
						 
							<p:column headerText="Descrição">  
						    	<h:outputText value="#{produto.descricao}" />  
							</p:column> 	
					  	</p:dataTable>
					</div>
				</p:outputPanel>
			</div>
		</p:panel>		
	</ui:define>
	<ui:define name="popups">
		<ui:include src="listCidade.xhtml"/>
		<ui:include src="listCondicaoPagamento.xhtml"/>
		<ui:include src="listProduto.xhtml"/>
		
		<p:dialog appendToBody="true" modal="true" closable="false" widgetVar="popupConfirmDeleteDetail"
			width="300" resizable="false" header="Confirmação de exclusão" height="90">
			<h:form>
				<div style="margin-top: 10px;">
					<h:outputText value="Confirma a exclusão do registro?"/>
				</div>
				<div align="right" style="margin-top: 15px; margin-bottom: 15px;">
					<p:commandButton value="Excluir" actionListener="#{fornecedorBean.removeFromDetail}" oncomplete="popupConfirmDeleteDetail.hide()" icon="ui-icon-trash"/>
					<p:commandButton value="Cancelar" onclick="popupConfirmDeleteDetail.hide()" icon="ui-icon-cancel"/>
				</div>		
			</h:form>			
		</p:dialog>
		
		<p:dialog id="completeDialogDelete" header="Confirmação de exclusão" closable="false"
			widgetVar="completeDeletePopup" width="300" resizable="false">
			<h:form>
			<div style="margin-top: 10px;">Excluído com sucesso!</div>
			
			<div align="right" style="margin-top: 15px; margin-bottom: 15px;" > 
				<p:commandButton id="complete" value="Fechar" oncomplete="completeDeletePopup.hide()" icon="ui-icon-close" 
					action="#{fornecedorBean.changeToList}" />
			</div>
			</h:form>
		</p:dialog>
	</ui:define>
</ui:composition>